// Modern color palette with better contrast
$primary-color: #4A90E2;
$primary-light: #E8F2FF;
$primary-lighter: #F5FAFF;
$primary-dark: #357ABD;
$success-color: #52C41A;
$success-light: #F0F9E8;
$warning-color: #FAAD14;
$warning-light: #FFF7E6;
$danger-color: #F5222D;
$danger-light: #FFF1F0;
$info-color: #1890FF;
$info-light: #E6F7FF;

// Enhanced text colors for better readability
$text-primary: #1D2129;
$text-regular: #4E5969;
$text-secondary: #86909C;
$text-placeholder: #C9CDD4;
$text-white: #FFFFFF;

// Refined border colors
$border-color: #E5E8EF;
$border-light: #F0F2F5;
$border-lighter: #F7F8FA;
$border-extra-light: #FAFBFC;

// Background colors with subtle gradients
$sidebar-bg: linear-gradient(180deg, #FFFFFF 0%, #F8FAFB 100%);
$main-bg: #FFFFFF;
$footer-bg: #F7F9FA;
$card-bg: #FFFFFF;
$hover-bg: #F5F8FA;

// Enhanced shadows for depth
$box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
$box-shadow-light: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
$box-shadow-hover: 0 6px 24px 0 rgba(0, 0, 0, 0.12);
$box-shadow-card: 0 1px 4px 0 rgba(0, 0, 0, 0.04);

$font-size-extra-large: 20px;
$font-size-large: 18px;
$font-size-medium: 16px;
$font-size-base: 14px;
$font-size-small: 13px;
$font-size-extra-small: 12px;

$spacing-extra-large: 32px;
$spacing-large: 24px;
$spacing-medium: 16px;
$spacing-base: 12px;
$spacing-small: 8px;
$spacing-extra-small: 4px;

// Background color base (for light backgrounds)
$background-color-base: #F5F7FA;

// Border radius
$border-radius-base: 8px;
$border-radius-small: 4px;
$border-radius-large: 12px;